<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
</head>
<body>
	<input type="file" name="" id="">
	<button >提交</button>

	<script>
			var btn=document.querySelector("button");
			btn.onclick=function() {
				var   file =document.querySelector('input').files[0];
			// var file= input[0];

			console.log(file)
			var Reader=  new FileReader();  //创建读取文件的实例
			Reader.readAsText(file);   //读取文本内容    
			// readAsDataURL  读取图片 


            //   onload  表示文件读取完毕后触发
			FileReader. onload=function(result) {
					console.log(result)
			}


	   }



	


	//   FileReader
// <!--  -->
// 	  console.dir(input)
	 

	
	
	</script>
</body>
</html>